<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="../css/common/reset.css" type="text/css" rel="stylesheet" />
<link href="../css/common/base.css" type="text/css" rel="stylesheet" />
<link href="../css/other/detail.css" type="text/css" rel="stylesheet" />
<script src="../js/jquery-1.7.1.js" type="text/javascript"></script>
<script src="../js/interfacejs.js" type="text/javascript"></script>

<!--[if ie 6]><script src="../js/iepng.js" type="text/javascript"></script><![endif]-->

<style type="text/css">
.sv3 dl,.sv3 dt,.sv3 dd{
	padding:0;
	margin:0;
}
.sv3{
	width:190px;
	border:1px solid #BFC7D9;
}
.sv3 dl{
	width:190px;
	height:700px;
	background:#EDF5FF;
	overflow:hidden;
}
.sv3 dt{
	padding:5px 10px;
	height:13px;
	font-size:13px;
	color:#000;
	background:#E5ECF9;
	border-top:1px solid #fff;
	border-bottom:1px solid #BFC7D9;
}
.sv3 dl.on dt{
	background:#3366CC;
	color:#FFF;
	font-weight:bold;
}
.sv3 dd{
	padding:10px;
	color:#333;
	font-size:12px;
	line-height:1.5em;
}
.sv3 dd a:link,
.sv3 dd a:visited,
.sv3 dd a:hover,
.sv3 dd a:active{
	color:#333;
	display:block;
	text-align:right;
}
</style>
</head>

<body>

<div class="ht_left">
   <div class="mg_s1 name">
       <span>用户名：<i class="ml5">username</i></span>
   </div>
   <div class="mg_s1 ope">
       <a href="#" class="update">修改密码</a><a href="#">退出登录</a>
   </div>
<div id="idSlideView3" class="sv3">
  <dl class="on">
    <dt>DIV+CSS模板 </dt>
    <dd> 内容一 </dd>
  </dl>
  <dl>
    <dt> 后台模板</dt>
    <dd> 内容二 </dd>
  </dl>
  <dl>
    <dt> CSS菜单 </dt>
    <dd> 内容三 </dd>
  </dl>
  <dl>
    <dt> CSS代码 </dt>
    <dd> 内容四</dd>
  </dl>
  <dl>
    <dt> 图片图标下载 </dt>
    <dd> 内容五 </dd>
  </dl>
</div>
</div>
<script language="javascript">
function SlideView(e){
   for(var r=document.getElementById(e).getElementsByTagName('dl'),c=clearInterval,i=-1,p=r[0],j; j=r[++i];){
       j.style.height=(i?24:699)+'px';
       j.onmouseover=function(){clearTimeout(j);var i=this;j=setTimeout(function(){if(p!=i)_(p,699,24)(p=i,24,699)},200)};
   }
   function _(el,f,t){
       c(el.$1);el.className=f>t?'':'on';
       return el.$1=setInterval(function(){el.style.height=(f+=Math[f>t?'floor':'ceil']((t-f)*.3))+'px';if (f==t)c(el.$1)},10),_
   }
};
new SlideView("idSlideView3");
</script>                
</body>
</html>
